<template>
  <div>
    <Doctor v-if="showPane" />
    <Client v-else />
  </div>
</template>

<script setup lang="ts">
import Client from "@/views/client/patient/index.vue";
import { useUserStore } from "@/store/modules/user";
import Doctor from "@/views/dashboard/doctor/doctor.vue";

const showPane = ref(false);

onMounted(() => {
  showPane.value = useUserStore().user.roles.some((role) => role !== "PATIENT");
});
</script>
